<div class="business-toolbar-experience clearfix"style="display:none" >
	<div class="sub-title">{{model.name}}</div>
	<div class="pull-right pull-right-marginSome">
		{{view view.TimeRanges
			id="businessTimeRangesTopo"
			onChange="timeRangesChange"
			clickTimePoint=timePointLisenterEvent}}
	</div>
</div>

<div class="apm-chart-panel">
	<div class="apm-panel-header">
		<i class="apm-panel-icon icon-signal"></i>
		<div class="apm-panel-title">
			独立访客数
		</div>
	</div>

	<div class="apm-panel-content">
		{{view view.PieChart
			class="business-experience-map"
			sName="浏览器"
			dataKey="system/user/unique"
			businessDataKey="business/user/unique"
			data=browserPerformances}}
		{{view view.PieChart
			class="business-experience-map"
			sName="设备"
			dataKey="system/user/unique"
			businessDataKey="business/user/unique"
			data=devicePerformances}}
		{{view view.PieChart
			class="business-experience-map"
			sName="操作系统"
			dataKey="system/user/unique"
			businessDataKey="business/user/unique"
			data=osPerformances}}
	</div>
</div>

<div class="apm-chart-panel">
	<div class="apm-panel-header">
		<i class="apm-panel-icon icon-signal"></i>
		<div class="apm-panel-title">
			Apdex
		</div>
	</div>

	<div class="apm-panel-content">
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/score/apdex"
			businessDataKey="business/score/apdex"
			data=browserPerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/score/apdex"
			businessDataKey="business/score/apdex"
			data=devicePerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/score/apdex"
			businessDataKey="business/score/apdex"
			data=osPerformances}}
	</div>
</div>

<div class="apm-chart-panel">
	<div class="apm-panel-header">
		<i class="apm-panel-icon icon-signal"></i>
		<div class="apm-panel-title">
			{{panelTitle}}
		</div>
	</div>

	<div class="apm-panel-content">
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/throughput/total"
			businessDataKey="business/throughput/total"
			data=browserPerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/throughput/total"
			businessDataKey="business/throughput/total"
			data=devicePerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/throughput/total"
			businessDataKey="business/throughput/total"
			data=osPerformances}}
	</div>
</div>

<div class="apm-chart-panel">
	<div class="apm-panel-header">
		<i class="apm-panel-icon icon-signal"></i>
		<div class="apm-panel-title">
			平均响应时间
		</div>
	</div>

	<div class="apm-panel-content">
		{{view view.BrowserBarChart
			class="business-experience-map"
			fmtType="transform_time"
			dataKey="system/response_time/avg"
			businessDataKey="business/response_time/avg"
			data=browserPerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map"
			fmtType="transform_time"
			dataKey="system/response_time/avg"
			businessDataKey="business/response_time/avg"
			data=devicePerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map"
			fmtType="transform_time"
			dataKey="system/response_time/avg"
			businessDataKey="business/response_time/avg"
			data=osPerformances}}
	</div>
</div>


<div class="apm-chart-panel">
	<div class="apm-panel-header">
		<i class="apm-panel-icon icon-signal"></i>
		<div class="apm-panel-title">
			错误数
		</div>
	</div>

	<div class="apm-panel-content">
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/error/count"
			businessDataKey="business/error/count"
			data=browserPerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/error/count"
			businessDataKey="business/error/count"
			data=devicePerformances}}
		{{view view.BrowserBarChart
			class="business-experience-map" 
			dataKey="system/error/count"
			businessDataKey="business/error/count"
			data=osPerformances}}
	</div>
</div>